<template>
    <div class="score-footer">
			<div>
				<h1>树菠萝</h1>
			</div>
			<div>
				<img :src="renderQRCode || imgs.code" alt="">
			</div>
		</div>
</template>
<script setup>
import { computed } from "vue"
import imgs from "./base64"
const props = defineProps({
  qrCode: {
    type: String,
    default: ''
  }
})
const renderQRCode = computed(() => props.qrCode || null)
</script>
<style lang="scss" scoped>
.score-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2rem;
	background-color: #fff;
	img {
		width: 12rem
	}
}
</style>